<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Dhahran Tower Management System</title>
		<meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="/media/css/bootstrap.min.css" />
		<link rel="stylesheet" href="/media/css/bootstrap-responsive.min.css" />
		<link rel="stylesheet" href="/media/css/fullcalendar.css" />	
		<link rel="stylesheet" href="/media/css/unicorn.main.css" />
		<link rel="stylesheet" href="/media/css/unicorn.grey.css" class="skin-color" />
	</head>
	<body>
		
		
		<div id="header">
			<h1><a href="./dashboard.html">Main Page</a></h1>		
		</div>
		

            
		<div id="sidebar">
			<a href="#" class="visible-phone"><i class="icon icon-home"></i> Main Page</a>
			<ul>
				<li class="active"><a href="/"><i class="icon icon-home"></i> <span>Main Page</span></a></li>
				<li class="submenu">
					<a href=""><i class="icon icon-th-list"></i> <span>Employee System</span> <span class="label">2</span></a>
					<ul>
						<li><a href="form-common.html">View All</a></li>
						<li><a href="form-validation.html">Add New</a></li>

					</ul>
				</li>
				<li class="submenu">
					<a href=""><i class="icon icon-th-list"></i> <span>Cars</span> <span class="label">2</span></a>
					<ul>
						<li><a href="form-common.html">View All</a></li>
						<li><a href="form-validation.html">Add New</a></li>
					</ul>
				</li>
			</ul>

		</div>
		
		<div id="style-switcher">
			<i class="icon-arrow-left icon-white"></i>
			<span>Style:</span>
			<a href="#grey" style="background-color: #555555;border-color: #aaaaaa;"></a>
			<a href="#blue" style="background-color: #2D2F57;"></a>
			<a href="#red" style="background-color: #673232;"></a>
		</div>
		
		<div id="content">
			<div id="content-header">
				<h1>Dashboard</h1>
				<div class="btn-group">
					<a class="btn btn-large tip-bottom" title="Manage Files"><i class="icon-file"></i></a>
					<a class="btn btn-large tip-bottom" title="Manage Users"><i class="icon-user"></i></a>
					<a class="btn btn-large tip-bottom" title="Manage Comments"><i class="icon-comment"></i><span class="label label-important">5</span></a>
					<a class="btn btn-large tip-bottom" title="Manage Orders"><i class="icon-shopping-cart"></i></a>
				</div>
			</div>
			<div id="breadcrumb">
				<a href="#" title="Go to Home" class="tip-bottom"><i class="icon-home"></i> Home</a>
				<a href="#" class="current">Dashboard</a>
			</div>
			<div class="container-fluid">
				<div class="row-fluid">
					<div class="span12 center" style="text-align: center;">					
						<ul class="stat-boxes">
							<li>
							
								<div class="right">
									<strong>36094</strong>
									Employees
								</div>
							</li>
							<li>
			
								<div class="right">
									<strong>1433</strong>
									Cars
								</div>
							</li>
							
						</ul>
					</div>	
				</div>

				<div class="row-fluid">
					<div class="span6">
						<div class="widget-box">
							<div class="widget-title"><span class="icon"><i class="icon-file"></i></span><h5>Cars Expiring Soon</h5><span title="54 total posts" class="label label-info tip-left">54</span></div>
							<div class="widget-content nopadding">
								<ul class="recent-posts">
									<li>
										<div class="user-thumb">
											<img width="40" height="40" alt="User" src="img/demo/av2.jpg">
										</div>
										<div class="article-post">
											<span class="user-info"> By: neytiri on 2 Aug 2012, 09:27 AM, IP: 186.56.45.7 </span>
											<p>
												<a href="#">Vivamus sed auctor nibh congue, ligula vitae tempus pharetra...</a>
											</p>
											<a href="#" class="btn btn-primary btn-mini">Edit</a> <a href="#" class="btn btn-success btn-mini">Publish</a> <a href="#" class="btn btn-danger btn-mini">Delete</a>
										</div>
									</li>
									<li>
										<div class="user-thumb">
											<img width="40" height="40" alt="User" src="img/demo/av3.jpg">
										</div>
										<div class="article-post">
											<span class="user-info"> By: john on on 24 Jun 2012, 04:12 PM, IP: 192.168.24.3 </span>
											<p>
												<a href="#">Vivamus sed auctor nibh congue, ligula vitae tempus pharetra...</a>
											</p>
											<a href="#" class="btn btn-primary btn-mini">Edit</a> <a href="#" class="btn btn-success btn-mini">Publish</a> <a href="#" class="btn btn-danger btn-mini">Delete</a>
										</div>
									</li>
									<li>
										<div class="user-thumb">
											<img width="40" height="40" alt="User" src="img/demo/av1.jpg">
										</div>
										<div class="article-post">
											<span class="user-info"> By: michelle on 22 Jun 2012, 02:44 PM, IP: 172.10.56.3 </span>
											<p>
												<a href="#">Vivamus sed auctor nibh congue, ligula vitae tempus pharetra...</a>
											</p>
											<a href="#" class="btn btn-primary btn-mini">Edit</a> <a href="#" class="btn btn-success btn-mini">Publish</a> <a href="#" class="btn btn-danger btn-mini">Delete</a>
										</div>
									</li>
									<li class="viewall">
										<a title="View all posts" class="tip-top" href="#"> + View all + </a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="span6">
						<div class="widget-box">
							<div class="widget-title"><span class="icon"><i class="icon-comment"></i></span><h5>Expiring Employee Documents </h5><span title="88 total comments" class="label label-info tip-left">88</span></div>
							<div class="widget-content nopadding">
								<ul class="recent-comments">
									<li>
										<div class="user-thumb">
											<img width="40" height="40" alt="User" src="img/demo/av1.jpg">
										</div>
										<div class="comments">
											<span class="user-info"> User: michelle on IP: 172.10.56.3 </span>
											<p>
												<a href="#">Vivamus sed auctor nibh congue, ligula vitae tempus pharetra...</a>
											</p>
											<a href="#" class="btn btn-primary btn-mini">Edit</a> <a href="#" class="btn btn-success btn-mini">Approve</a> <a href="#" class="btn btn-warning btn-mini">Mark as spam</a> <a href="#" class="btn btn-danger btn-mini">Delete</a>
										</div>
									</li>
									<li>
										<div class="user-thumb">
											<img width="40" height="40" alt="User" src="img/demo/av3.jpg">
										</div>
										<div class="comments">
											<span class="user-info"> User: john on IP: 192.168.24.3 </span>
											<p>
												<a href="#">Vivamus sed auctor nibh congue, ligula vitae tempus pharetra...</a>
											</p>
											<a href="#" class="btn btn-primary btn-mini">Edit</a> <a href="#" class="btn btn-success btn-mini">Approve</a> <a href="#" class="btn btn-warning btn-mini">Mark as spam</a> <a href="#" class="btn btn-danger btn-mini">Delete</a>
										</div>
									</li>
									<li>
										<div class="user-thumb">
											<img width="40" height="40" alt="User" src="img/demo/av2.jpg">
										</div>
										<div class="comments">
											<span class="user-info"> User: neytiri on IP: 186.56.45.7 </span>
											<p>
												<a href="#">Vivamus sed auctor nibh congue, ligula vitae tempus pharetra...</a>
											</p>
											<a href="#" class="btn btn-primary btn-mini">Edit</a> <a href="#" class="btn btn-success btn-mini">Approve</a> <a href="#" class="btn btn-warning btn-mini">Mark as spam</a> <a href="#" class="btn btn-danger btn-mini">Delete</a>
										</div>
									</li>
									<li class="viewall">
										<a title="View all comments" class="tip-top" href="#"> + View all + </a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span12">
						<div class="widget-box widget-calendar">
							<div class="widget-title"><span class="icon"><i class="icon-calendar"></i></span><h5>Calendar</h5></div>
							<div class="widget-content nopadding">
								<div class="calendar"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="row-fluid">
					<div id="footer" class="span12">
						2012 &copy; Dhahran Tower Management Systen 
					</div>
				</div>
			</div>
		</div>
		 <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
  		 <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

    	<script>
        	$(function() {
            	$( "#id_expiry_date" ).datepicker();
       		 });
    	</script>
    	<script>
        $(function() {
            $( "#id_checkup_expiry" ).datepicker();
        });
    	</script>
    	<script>
        $(function() {
            $( "#id_insurance_start" ).datepicker();
        });
    	</script>
    		<meta charset="utf-8">
    		<!-- Le styles -->
   			<link href="http://lensandphoto.com/css/bootstrap.css" rel="stylesheet">
    		<style type="text/css">
      		 body {
           		 padding: 12px 12px;
           		 padding-top: 60px;
        	    padding-bottom: 40px;
        	}
        	.sidebar-nav {
           		 padding: 2px 2px;
        	}
   			</style>

            <script src="/media/js/excanvas.min.js"></script>
            <script src="/media/js/jquery.min.js"></script>
            <script src="/media/js/jquery.ui.custom.js"></script>
            <script src="/media/js/bootstrap.min.js"></script>
            <script src="/media/js/jquery.flot.min.js"></script>
            <script src="/media/js/jquery.flot.resize.min.js"></script>
            <script src="/media/js/jquery.peity.min.js"></script>
            <script src="/media/js/fullcalendar.min.js"></script>
            <script src="/media/js/unicorn.js"></script>
            <script src="/media/js/unicorn.dashboard.js"></script>
	</body>
</html>
